@charset "utf-8";

/* 公用CSS */

html,body,ol,ul,li,a,span,div,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,img,fieldset,legend,blockquote,input,textarea,select,hr{margin:0;padding:0;list-style:none;word-wrap:break-word;outline:none;font-size:100%; border:none;}

input,textarea{outline:0;resize:none;font-style: normal;font-weight: normal;}

img{vertical-align:top;border:0;transform: scale(1.0);}

input,textarea{font-family:"宋体";font-size:12px;border:none;resize:none;outline:none;}

html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}

.clearfix{clear:both;margin:0;padding:0;font-size:0px;line-height:0px;height:0px;overflow:hidden;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

*html .clearfix{zoom:1;}

*+html .clearfix{zoom:1;}

h1{ font-size:24px;font-weight: normal;}

h2{ font-size:18px;font-weight: normal;}

h3{ font-size:14px;font-weight: normal;}

h4{ font-size:16px;font-weight: normal;}

h5{ font-size:12px;font-weight: normal;}

body{font:12px/24px "微软雅黑",Arial, Helvetica, sans-serif;color:#444444; background:#ffffff;}

a{color:#444444;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}

a:hover{color:#cf231f;text-decoration:none;}:focus{outline:none;}



/* CSS活动的公共样式 */

.fl{float:left;}

.fr{float:right;}

.hide{overflow:hidden;}

.center{text-align:center;}

.w1200{width:1200px; margin:0 auto;overflow: hidden;}

.mb30{margin-bottom:30px;}

.pt30{padding-top:30px;}

.ml10{margin-left:10px;}

.mb20{margin-bottom:20px;}

.pt20{padding-top:20px;}

.mt15{margin-top:15px;}

.mr20{margin-right:20px;}

.mb10{margin-bottom:10px;}

.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.fixedBoxA2{position: fixed;margin:0 auto;z-index: 999999;width: 100%;top: 0;}


/* 顶部  */

.topbar{background:#ffffff;overflow: hidden;}

.topBarBox{height: 104px;}

.topBarBox .logo{display: block;width: 215px;height: 55px;margin-top: 24px;}

.topBarBox .txtLeft{position: relative;overflow: hidden;margin-top: 27px;padding-left: 18px;}

.topBarBox .txtLeft h1{font-size: 22px;color: rgb(67, 152, 224);font-weight: bold;line-height: 22px;}

.topBarBox .txtLeft h2{font-size: 16px;color: #333333;line-height: 38px;}

.topBarBox .txtLeft:after{position: absolute;display: block;width: 1px;height: 48px;content: " ";background: #dcdcdc;top: 1px;left: 0px;z-index: 1;}

.topBarBox .txtRight{margin-top: 26px;}

.topBarBox .txtRight>a{display: block;width: 43px;height: 43px;float: left;margin-top: 3px;margin-right: 14px;background: url('../images/top-icon01.png') no-repeat;}

.topBarBox .txtRight .number{display: block;font-size: 14px;line-height: 14px;min-width: 211px;color: #888888;position: relative;float: right;}

.topBarBox .txtRight .number span{display: block;line-height: 39px;font-size: 28px;color: rgb(67, 152, 224);position: absolute;left: 0;font-weight: bold;font-family: "Arial";}



/* 主导航  */

.header{overflow: hidden;background: rgb(67, 152, 224);height: 60px;}

.nav{background: rgb(67, 152, 224);}

.nav li{width: 150px;height: 60px;font-size: 17.67px;line-height: 60px;text-align: center;float: left;transition: all .2s;}

.nav li a{display: block;overflow: hidden;color: #ffffff;position: relative;}

.nav li a:before{position: absolute;display: block;content: "";width: 1px;height: 15px;top: 23px;z-index: 1;left: 0px;background: #52a3e7;transition: all .2s;}

.nav li:nth-child(1) a:before{display: none;}

.nav li:hover,.nav .on,.nav li:hover a:before,.nav .on a:before{background: #cf231f;}

.nav .navLiHoverA a:before{display: none;}



/* 热点搜索 */

.search{overflow: hidden;float: left; background: #ffffff;font-size: 14px;height: 60px;line-height: 60px;margin: 26px 0 0 40px}

.keywords{width: 800px;}

.keywords strong{color: #666666;font-weight: bold;}

.keywords a{color: #888888;margin-right: 14px;}

.keywords a:hover{color: #cf231f;}

.searchBox{width: 392px;height: 32px;margin-top: 14px;font-size: 12px;color: #a7a7a7;}

.searchBox form{height: 32px;width: 392px;line-height: 32px;}

.searchBox form .searText{float: left;height: 32px;width: 294px;color: #888888;padding: 0 10px;background: #eeeeee;border-radius: 16px 0 0 16px;}

.searchBox form .searBtn{float: right;height: 32px;width: 78px;background: rgb(67, 152, 224) url('../images/search-btn.png') 13px 9px no-repeat;cursor: pointer;padding-left: 20px;color: #ffffff;border-radius: 0 16px 16px 0;font-size: 14px;font-family: "微软雅黑";}



/*  广告轮播图 */

.index_banner{width:1920px;margin: 0 auto; position:relative; height:650px;overflow:hidden; left: 50%; margin-left:-960px;}

.index_banner .hd{display: none;}

.index_banner .btns{position: absolute;width: 1200px;left: 50%;margin-left: -600px;top: 50%;margin-top: -15px;}

.index_banner .btns a{display: block;width: 43px;height: 43px;border-radius: 21.5px;text-align: center;line-height: 43px;transition: all .5s;opacity: 0;}

.index_banner .prev{float: left;background: url('../images/prev.png') 0 0 no-repeat;margin-left: -43px;}

.index_banner .next{float: right;background: url('../images/next.png') 0 0 no-repeat;margin-right: -43px;}

.index_banner .btns .prev:hover{background: url('../images/prev.png') -43px 0 no-repeat;}

.index_banner .btns .next:hover{background: url('../images/next.png') -43px 0 no-repeat;}

.index_banner:hover .btns a{opacity: 1;}

/*内页左侧导航*/
.listProLeft{width: 310px;float: left;overflow: hidden;overflow: hidden;}
.pageSidebar{width: 278px;float: left;overflow: hidden;background: rgb(67, 152, 224);overflow: hidden;padding: 0 16px 20px 16px;}
.pageSidebar>h3{height: 80px;line-height: 80px;font-size: 24px;color: #ffffff;font-weight: bold;position: relative;}
.pageSidebar .parent{width: 278px;overflow: hidden;background: #ffffff;}
.pageSidebar .parent li {display: block;width: 212px;height: 32px;line-height: 32px;border-radius: 17.5px;margin-top: 18px;margin-bottom: 18px;margin-left: 18px;padding-left: 32px;position: relative;transition: all .5s;}
.pageSidebar .parent li a{display: block; width: 190px; font-size:16px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.pageSidebar .parent li.on{display: block;width: 212px;height: 32px;line-height: 32px;border-radius: 17.5px;margin-top: 18px;margin-left: 18px;padding-left: 32px;position: relative;transition: all .5s;background: #cf231f}
.pageSidebar .parent li.on a{color: #fff;}
.pageSidebar .parent li:after{display: block;position: absolute;content: "";width: 4px;height: 7px;background: url('../images/floor1-icon2.png') no-repeat;right: 16px;top: 50%;margin-top: -3.5px;}

.pageSidebar  h5{color: #ffffff;font-size: 16px;text-align: center;line-height: 40px;margin-top: 10px;}

.pageSidebar p{color: #ffffff;font-size: 36px;text-align: center;font-weight: bold;font-family: "Arial";}
.pageSidebar .parent li:hover{display: block;width: 212px;height: 32px;line-height: 32px;border-radius: 17.5px;margin-top: 18px;margin-left: 18px;padding-left: 32px;position: relative;transition: all .5s;background: #cf231f}
.pageSidebar .parent li:hover a{color: #fff;}
/*隔*/
.left_relation{float: left;width: 278px;overflow: hidden;margin-top: 20px; background: rgb(67, 152, 224);padding: 0 16px 20px 16px;}
.left_relation h3{height: 80px;line-height: 80px;font-size: 24px;color: #ffffff;font-weight: bold;position: relative;}
.left_relation h3 a{font-size:14px;color: #fff;float: right;}
.relation .bd{width: 278px;height: 427px;padding-bottom: 25px;padding-top: 27px;margin-bottom: 21px;border-left: 1px #cccccc solid;border-right: 1px #cccccc solid;border-bottom: 1px #cccccc solid;overflow: hidden;}

.left_relation li{width: 270px;height: 270px; float: left;overflow: hidden;margin-right: 20px; padding: 0;margin-bottom: 10px;border: 1px #e5e5e5 solid;position: relative;background: #fff;}
.left_relation li span{display: block;width: 270px;height: 220px;line-height: 220px;text-align: center; overflow: hidden;}
.left_relation li span img{max-width: 100%;max-height: 220px;transition: all 1s;}
.left_relation li h2{width: 100%; height: 55px;line-height: 55px;font-size: 14px;color: #444;text-align: center;position: absolute;bottom: 0;left: 0;background: #fff url(../images/more_to.png)no-repeat bottom;background-position-y:60px; transition: 0.5s all}
.left_relation li:hover span img{transform: scale(1.2);}
.left_relation li:hover h2{color: #fff;background: rgba(67, 152, 224, 0.76) url(../images/more_to.png)no-repeat center;height: 272px;line-height: 360px;}
.left_relation li:hover{border: 1px #54b5ff solid}



/* 首页-产品中心 */
.leftMenu .slow .active .Ntwo{display: block;}
.floor1{padding-top: 40px;background: #ffffff;overflow: hidden;font-size: 14px;padding-bottom: 40px;}
.leftMenu{width: 311px;float: left;overflow: hidden;background: rgb(67, 152, 224);overflow: hidden;padding-bottom: 30px;}
.leftMenu>h3{height: 80px;line-height: 80px;font-size: 30px;margin-top: 15px;color: #ffffff;font-weight: bold;margin-left: 16px;padding-left: 10px;position: relative;}
.leftMenu>h3:after{display: block;position: absolute;background: url('../images/floor1-icon1.png');width: 38px;height: 22px;bottom: 29px;right: 40px;content: "";}
.leftMenu .slow{width: 278px;overflow: hidden;background: #ffffff;margin-left: 17px;}
.leftMenu .slow>li>a{display: block;width: 212px;height: 35px;line-height: 35px;border-radius: 17.5px;background: rgb(67, 152, 224);margin-top: 18px;margin-left: 18px;padding-left: 32px;position: relative;transition: all .5s;}
.leftMenu .slow>li>a:before{display: block;position: absolute;width: 6px;height: 1px;left: 17px;top: 17px;overflow: hidden;content: "";background: #ffffff;transition: all .5s;}
.leftMenu .slow>li:nth-last-child(1)>a{margin-bottom: 18px;}
.leftMenu .slow>li>a{font-size: 16px;color: #ffffff;}
.leftMenu .slow>li:hover>a,.leftMenu .slow>.on>a{background: #cf231f;}
.leftMenu .slow>li:hover>a:before,.leftMenu .slow>.on>a:before{width: 10px;left: 14px;}
.leftMenu .slow>li .sonNavContent{width: 216px;margin-left: 30px;overflow: hidden;display: none;}
.leftMenu .slow>li .sonNavContent{width: 212px;background: #ffffff;overflow: hidden;padding-right: 4px;position: relative;}
.leftMenu .slow>li .sonNavContent .on{position: relative}
.leftMenu .slow>li .sonNavContent .on:after{display: block;position: absolute;content: "";width: 4px;height: 7px;background: url('../images/floor1-icon2.png') no-repeat;right: 0px;top: 50%;margin-top: -3.5px;}
.leftMenu .slow>li .sonNavContent li a{color: #333333;height: 28px;line-height: 28px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display: block;}
.leftMenu .slow>li .sonNavContent li.cur a{color: #cf231f;}
.leftMenu .slow>li .sonNavContent li.cur:after{background: url('../images/floor-icon2-on.png') no-repeat;}
.leftMenu .slow>li .sonNavContent li:hover a{color: #cf231f;}
.leftMenu .slow>li .sonNavContent li:hover:after{background: url('../images/floor-icon2-on.png') no-repeat;}
.leftMenu .slow>li:hover .sonNavContent,.leftMenu .slow>.on .sonNavContent{height: auto;}
.leftMenu .slow>li.active .sonNav{background: #cf231f}
.leftMenu>h5{color: #ffffff;font-size: 16px;text-align: center;line-height: 40px;margin-top: 10px;}
.leftMenu>p{color: #ffffff;font-size: 36px;text-align: center;font-weight: bold;font-family: "Arial";}
.proList{overflow: hidden;float: right;width: 860px;}
.proList li{float: left;overflow: hidden;border: 1px #e5e5e5 solid;position: relative;width: 272px;height: 271px;margin: 0;margin-top: 22px;}
.proList .topItem{margin-top: 0;}
.proList .middleItem{margin-left: 19px;margin-right: 19px;}
.proList li .imgBox{width: 272px;height: 200px;overflow: hidden;display: block;vertical-align: middle;text-align: center;}
.proList li .imgBox img{max-height: 200px;transition: all 1s;}
.proList li:hover .imgBox img{transform: scale(1.05);display: block;}
.proList li .title{display: block;color: #444444;text-align: center;font-size: 14px;}
.proList li .title h5{color: #444444;font-size: 14px;font-weight: normal;line-height: 70px;width: 100%;height: 70px;position: absolute;bottom: 0;left: 0;background: #fff url(../images/more_to.png)no-repeat bottom;background-position-y:80px; transition: 0.5s all}
.proList li:hover .title{color: #cf231f;}
.proList li:hover .title h5{color: #fff;background: rgba(67, 152, 224, 0.76) url(../images/more_to.png)no-repeat center;height: 273px;line-height: 360px;}


.leftMenu .slow > li .sonNavContent .on .lTwo{color: #cf231f}


/*首页产品栏目*/
.leftMenu .menuSub .active .Ntwo{display: block;}
.floor1{padding-top: 40px;background: #ffffff;overflow: hidden;font-size: 14px;padding-bottom: 40px;}
.leftMenu{width: 311px;float: left;overflow: hidden;background: rgb(67, 152, 224);overflow: hidden;padding-bottom: 30px;}
.leftMenu>h3{height: 80px;line-height: 80px;font-size: 30px;margin-top: 15px;color: #ffffff;font-weight: bold;margin-left: 16px;padding-left: 10px;position: relative;}
.leftMenu>h3:after{display: block;position: absolute;background: url('../images/floor1-icon1.png');width: 38px;height: 22px;bottom: 29px;right: 40px;content: "";}
.leftMenu .menuSub{width: 278px;overflow: hidden;background: #ffffff;margin-left: 17px;}
.leftMenu .menuSub>li>a{display: block;width: 212px;height: 35px;line-height: 35px;border-radius: 17.5px;background: rgb(67, 152, 224);margin-top: 18px;margin-left: 18px;padding-left: 32px;position: relative;transition: all .5s;}
.leftMenu .menuSub>li>a:before{display: block;position: absolute;width: 6px;height: 1px;left: 17px;top: 17px;overflow: hidden;content: "";background: #ffffff;transition: all .5s;}
.leftMenu .menuSub>li:nth-last-child(1)>a{margin-bottom: 18px;}
.leftMenu .menuSub>li>a{font-size: 16px;color: #ffffff;}
.leftMenu .menuSub>li:hover>a,.leftMenu .menuSub>.on>a{background: #cf231f;}
.leftMenu .menuSub>li:hover>a:before,.leftMenu .menuSub>.on>a:before{width: 10px;left: 14px;}
.leftMenu .menuSub>li .menuSubContent{width: 216px;margin-left: 30px;overflow: hidden;display: none;}
.leftMenu .menuSub>li .menuSubContent{width: 212px;background: #ffffff;overflow: hidden;padding-right: 4px;position: relative;}
.leftMenu .menuSub>li .menuSubContent .on{position: relative}
.leftMenu .menuSub>li .menuSubContent .on:after{display: block;position: absolute;content: "";width: 4px;height: 7px;background: url('../images/floor1-icon2.png') no-repeat;right: 0px;top: 50%;margin-top: -3.5px;}
.leftMenu .menuSub>li .menuSubContent li a{color: #333333;height: 28px;line-height: 28px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display: block;}
.leftMenu .menuSub>li .menuSubContent li.cur a{color: #cf231f;}
.leftMenu .menuSub>li .menuSubContent li.cur:after{background: url('../images/floor-icon2-on.png') no-repeat;}
.leftMenu .menuSub>li .menuSubContent li:hover a{color: #cf231f;}
.leftMenu .menuSub>li .menuSubContent li:hover:after{background: url('../images/floor-icon2-on.png') no-repeat;}
.leftMenu .menuSub>li:hover .menuSubContent,.leftMenu .menuSub>.on .menuSubContent{height: auto;}
.leftMenu>h5{color: #ffffff;font-size: 16px;text-align: center;line-height: 40px;margin-top: 10px;}
.leftMenu>p{color: #ffffff;font-size: 36px;text-align: center;font-weight: bold;font-family: "Arial";}
.leftMenu .menuSub > li .menuSubContent .on .lTwo{color: #cf231f}
.leftMenu .menuSub>li:nth-child(1) .menuSubContent{display: block;}

/*  日月条码6大核心优势 */

.floor2{overflow: hidden;font-size: 16px;color: #444444;line-height: 26px;background: #efefef url('../images/floor2-bg1.png') no-repeat center;height: 680px;}

.mainTitle{height: 180px;line-height: 100px;text-align: center;font-size: 36px;color: rgb(67, 152, 224);font-weight: bold;position: relative;}

.mainTitle i{color: #cf231f;font-size: 72px;font-weight: normal;margin: 0 4px;font-style: normal;}

.mainTitle span{display: block;width: 27px;height: 6px;background: url('../images/floor2-icon1.png') 0 0 no-repeat;position: absolute;bottom: 82px;left: 50%;margin-left: -23.5px;}

.mainTitle p{position: absolute;text-align: center;font-size: 18px;color: #333333;line-height: 18px;font-weight: normal;width: 800px;left: 50%;margin-left: -400px;bottom: 50px;letter-spacing:4px;}

.advantage{height: 420px;overflow: hidden;background: #ffffff;width: 1200px;}

.advantage .hd{width: 216px;background: rgb(67, 152, 224);}

.advantage .hd li{width: 172px;height: 70px;padding: 0 22px;position: relative;}

.advantage .hd li a{display: block;width: 136px;height: 69px;border-bottom: 1px #ffffff dotted;color: #ffffff;line-height: 69px;font-size: 18px;padding-left: 36px;}

.advantage .hd li:hover,.advantage .hd .on{background: #cf231f;}

.advantage .hd li:hover a,.advantage .hd .on a{border-bottom: 1px #cf231f dotted;}

.advantage .hd li:hover:after,.advantage .hd .on:after{background: url('../images/floor2-icon2.png') no-repeat;display: block;position: absolute;width: 12px;height: 19px;top: 50%;margin-top: -9.5px;right: -12px;content: "";z-index: 10;}
.advantage .bd{width: 984px;}
.advantage .bd ul,.advantage .bd ul li{width: 984px;height: 420px;overflow: hidden;}
.advantage .bd ul li .more{display: block;width: 120px;height: 40px;line-height: 40px;text-align: center;font-size:14px;color: #666;border:1px solid #666;border-radius: 50px;}
.advantage .bd ul li .adv{width: 50%;}

.advantage .bd ul li .advleft img{height: 420px;transition: all 1s;}

.advantage .bd ul li .advleft:hover img{transform: scale(1.04);}

.advantage .bd ul li .advright{position: relative;width: 41%;padding: 80px 40px 40px 40px;}

.advantage .bd ul li .advright h3{height: 54px;line-height: 54px;font-size: 24px;color: #333333;font-weight: bold;}

.advantage .bd ul li .advright p{margin-top: 6px;height: 148px;line-height: 26px;}

.advantage .bd ul li .advright i{display: block;position: absolute;font-style: normal;background: url('../images/floor2-icon3.png') no-repeat;width: 66px;height: 87px;color: #ffffff;font-size: 36px;font-family: "Arial";text-align: center;line-height: 68px;top: 0px;right: 54px;font-weight: bold;}

.advantage .bd ul li .more:hover{border: 1px solid #4398e0;}

/* 日月条码解决方案 */

.floor3{font-size: 14px;color: #666666;overflow: hidden;line-height: 30px;background: #ffffff;position: relative;padding-bottom: 30px;}

.floor3 .mainTitle{height: 160px;line-height: 110px;margin-bottom: 47px;}

.floor3 .mainTitle span{bottom: 54px;}

.floor3 .mainTitle p{bottom: 22px;}

.floor3 .solution{height: 315px;width: 1200px;overflow: hidden;}

.floor3 .solution ul li{float: left;width: 178px;height: 315px;border-left: 1px #e0e0e0 solid;padding: 0 30px;transition: all .5s;}

.floor3 .solution ul li:nth-last-child(1){border-right: 1px #e0e0e0 solid;}

.floor3 .solution ul li i{display: block;font-style: normal;font-size: 60px;color: #e4e4e4;font-family: "Arial";font-weight: bold;height: 50px;line-height: 50px;transition: all .5s;}

.floor3 .solution ul li h3 a{display: block;margin-top: 26px;height: 22px;line-height: 22px;font-size: 20px;color: #333333;font-weight: bold;transition: all .5s;position: relative;}

.floor3 .solution ul li h3 a:before{content: "";display: block;position: absolute;width: 1px;height: 22px;background: rgb(67, 152, 224);top: 0;left: -31px;}

.floor3 .solution ul li h5 a{display: block;margin-bottom: 43px;height: 32px;line-height: 32px;color: #666666;font-size: 14px;}

.floor3 .solution ul li .txt{position: relative;overflow: hidden;}

.floor3 .solution ul li .txt a{display: block;width: 180px;height: 142px;overflow: hidden;}

.floor3 .solution ul li .txt .imgBox img{height: 142px;transition: all 1s;}

.floor3 .solution ul li .txt .cover{position: absolute;padding: 24px;width: 132px;height: 94px;background: url('../images/floor3-bg1.png') no-repeat;top: -142px;left: 0;color: #ffffff;font-size: 13px;line-height: 22px;overflow: hidden;transition: all 1s;}

.floor3 .solution ul li .txt .cover span{display: block;width: 15px;height: 15px;line-height: 15px;text-align: center;background: #ffffff url('../images/floor3-icon1.png') center center no-repeat;border-radius: 8px;position: absolute;bottom: 24px;left: 24px;}

.floor3 .solution ul li:hover .txt .imgBox img{transform: scale(1.04);}

.floor3 .solution ul li:hover .txt .cover{top: 0;}

.floor3 .solution ul li:hover i{color: rgb(67, 152, 224);}

.floor3 .solution ul li:hover h3 a{color: rgb(67, 152, 224);}

.floor3 .more{margin-top: 60px;position: relative;left: 50%;margin-left: -71px;margin-bottom: 80px;}



/* 走进日月条码 */

.floor4{overflow: hidden;background: url('../images/floor4-bg1.png') top left no-repeat;height: 613px;}

.floor4 .mainTitle{height: 160px;line-height: 110px;margin-bottom: 19px;color: #ffffff;}

.floor4 .mainTitle span{bottom: 54px;color: #ffffff;background: url('../images/floor4-icon1.png') center center no-repeat;}

.floor4 .mainTitle p{bottom: 22px;color: #ffffff;}

.aboutIndex{height: 400px;overflow: hidden;}

.aboutIndex .imgBox{width: 50%;height: 400px;overflow: hidden;float: left;}

.aboutIndex .imgBox img{height: 400px;transition: all 1s;}

.aboutIndex .imgBox:hover img{transform: scale(1.04);}

.aboutIndex .txt{height: 400px;width: 40%;padding: 60px;float: right;overflow: hidden;background: #ffffff;}

.aboutIndex .txt h3{font-size: 24px;color: rgb(67, 152, 224);font-weight: bold;margin-bottom: 30px;}

.aboutIndex .txt p{font-size: 14px;color: #444444;overflow: hidden;}

.aboutIndex .more{margin-left: 0;

margin-top: 50px;
color: #6f6f6f;
width: 120px;

height: 30px;

display: block;

border: 1px solid #a2a2a2;

text-align: center;

line-height: 30px;

border-radius: 50px;}
.aboutIndex .more:hover{border: 1px solid #4398e0;background: #4398e0;color: #fff;}


/* 企业相册 荣誉资质展示 */

.floor5{overflow: hidden;background: #f7f7f7;position: relative;}
.floor5 .w1200{overflow: initial;}
.floor5 .picHd{padding: 46px 0;position: relative;}
.floor5 .picHd ul{text-align: center}
.floor5 .picHd ul li{width: 142px;height: 37px;background: #fff;text-align: center;line-height: 37px;border: 1px solid #cecece;display: inline-block;z-index: 1;cursor: pointer;border-radius: 50px;margin-right: 30px;}
.floor5 .picHd ul .on{background: #cf231f;border: 1px solid #cf231f;color: #fff}
.floor5 .picHd ul li:hover{background: #cf231f;border: 1px solid #cf231f;color: #fff}
.floor5 .picBd{position: relative;}
.floor5 .picBd .picBox li{float: left;width: 284px;height: 265px;margin-right: 26px;text-align: center;position: relative;overflow: hidden;}
.floor5 .picBd .picBox li .pic{height: 212px;line-height: 212px;text-align: center;overflow: hidden;}
.floor5 .picBd .picBox li img{max-width: 100%; max-height: 212px;transition: 0.5s all}
.floor5 .picBd .picBox li span{display: block;width: 100%; padding: 10px 0;color: #666;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.floor5 .picBd .picBox .snext,.floor5 .picBd .sprev{position: absolute;top: 36%;width: 43px;height: 43px;line-height: 43px;text-align: center;border-radius: 50px;}
.floor5 .picBd .picBox .snext{background: #c9c9c9 url(../images/ab_next.png)no-repeat center;right: -80px}
.floor5 .picBd .picBox .sprev{background: #c9c9c9 url(../images/ab_prev.png)no-repeat center;left: -70px}
.floor5 .picBd .picBox .snext:hover{background: rgb(67, 152, 224) url(../images/ab_next.png)no-repeat center;}
.floor5 .picBd .picBox .sprev:hover{background: rgb(67, 152, 224) url(../images/ab_prev.png)no-repeat center;}
.floor5 .picBd .picBox li:hover span{color: #cf231f}
.floor5 .picBd .picBox li:hover .Img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.floor5 .picBd .picBox .tempWrap{width: 1216px ! important;}

/*焦距日月条码*/
.floor6{position: relative;padding-bottom: 50px;}
.floor6 .newsHd{padding: 0 0 46px 0;position: relative;}
.floor6 .newsHd ul{text-align: center}
.floor6 .newsHd ul li{width: 142px;height: 37px;background: #fff;text-align: center;line-height: 37px;border: 1px solid #cecece;display: inline-block;z-index: 1;cursor: pointer;border-radius: 50px;margin-right: 30px;}
.floor6 .newsHd ul .on{background: #cf231f;border: 1px solid #cf231f;color: #fff}
.floor6 .newsHd ul li:hover{background: #cf231f;border: 1px solid #cf231f;color: #fff}
.newsBd .newsBox{height: 405px;}
.newsBd .newsBox li{width: 564px;float: left;margin-bottom: 20px;margin-right: 20px;}
.newsBd .newsBox li:nth-child(6){margin-bottom: 0}
.newsBd .newsBox li:nth-child(7){margin-bottom: 0}
.newsBd .newsBox .list_one{height: 160px;padding-bottom: 20px;border-bottom: 1px dashed #e0e0e0;}
.newsBd .newsBox .list_one .pic{float: left;height: 153px;line-height: 153px;text-align: center;overflow: hidden;}
.newsBd .newsBox .list_one .pic img{max-width: 100%;height: 153px;transition: 0.5s all}
.newsBd .newsBox .list_one .info_one{width: 52%;float: right;}
.newsBd .newsBox .list_one .info_one span{font-size:14px;color: #888;}
.newsBd .newsBox .list_one .info_one h4{font-size:16px;color: #111;}
.newsBd .newsBox .list_one .info_one p{font-size:14px;color: #444;margin:10px 0 20px 0;}
.newsBd .newsBox .list_one:hover h4{color: #cf231f}
.newsBd .newsBox .list_one:hover .pic .Img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.newsBd .newsBox .list_tow{height: 86px;background: url(../images/news_li_bg.jpg);transition: 0.8s all}
.newsBd .newsBox .list_tow:nth-child(2){margin-right: 0}
.newsBd .newsBox .list_tow:nth-child(3){margin-right: 0}
.newsBd .newsBox .list_tow:nth-child(5){margin-right: 0}{margin-right: 0}
.newsBd .newsBox .list_tow:nth-child(7){margin-right: 0}

.newsBd .newsBox .list_tow span{display: block;float: left; width: 90px;text-align: center;padding: 19px 0;position: relative;}
.newsBd .newsBox .list_tow span:after{content: '';position: absolute;display: block;right: -2px;top: 22px;height: 40px;width: 0px;border-right: 1px dashed #e0e0e0;}
.newsBd .newsBox .list_tow span strong{display: block;font-size:20px;color: #333;font-weight:normal;}
.newsBd .newsBox .list_tow .info_tow{float: right;padding: 19px 0;width: 78%;}

.newsBd .newsBox .list_tow:hover {background: url(../images/news_li_bg_on.jpg);}
.newsBd .newsBox .list_tow:hover h4{color: #fff}
.newsBd .newsBox .list_tow:hover span{color: #fff}
.newsBd .newsBox .list_tow:hover span strong{color: #fff}
.newsBd .newsBox .list_tow:hover p{color: #fff}

/* 合作客户 */

.floor7{padding-bottom: 20px;overflow: hidden;background: url('../images/partner-bg001.png') top left no-repeat;position: relative;}

.partnerSlide{width: 1200px;height: 120px;overflow: hidden;}

.partnerSlide .parlist{height: 120px;overflow: hidden;}

.partnerSlide .parlist li{width: 190px;height: 100px;line-height: 100px;text-align: center; float: left;padding: 0;margin: 0 5px;position: relative;margin-right: 56px;}
.partnerSlide .parlist li:after{content: '';position: absolute;display: block;right: -20px;top: 22px;height: 40px;width: 0px;border-right: 1px dashed #e0e0e0;}
.partnerSlide .parlist li:last-child{margin-right: 0}
.partnerSlide .parlist li img{max-width: 100%;max-height: 100px;transition: all 1s;}
.partnerSlide .parlist li a{display: block;position: absolute; width: 100%;height: 100%;text-align: 
center;background: rgba(67, 152, 224, 0.84);color: #fff;top: 0;left: 0;opacity: 0;font-size:16px;}
.partnerSlide .parlist li:hover a{opacity: 1}
.partnerSlide .parlist li:hover img{transform: scale(1.1);}

.partnerSlide .pageBtn{position: absolute;left: 50%;margin-left: -600px;bottom: 60%;width: 1200px;height: 0px;z-index: 10;}

.partnerSlide .pageBtn span{cursor: pointer;width: 30px;height: 30px;display: block;color: #ffffff;background: #54b5ff;font-family: "宋体";line-height: 30px;text-align: center;font-size: 18px;}

.partnerSlide .pageBtn span:hover{background: rgb(67, 152, 224);}

.partnerSlide .pageBtn .prev{float: left;margin-left: -50px;}

.partnerSlide .pageBtn .next{float: right;margin-right: -50px;}



/*  内页公用 */

.list_banner{width: 1920px;position: relative;left: 50%;margin-left:-960px;height: 350px;overflow: hidden;}

.list_wrapper{overflow:hidden;padding:40px 0 40px 0;}
.menuSidebar{height: 80px;line-height: 80px; background: #f3f3f3;text-align: center;}
.menuSidebar li{display: inline-block;margin-right:40px;}
.menuSidebar li a{display: block;color: #888;font-size:18px;position: relative;}
.menuSidebar li.on a:after{content: '';display: block;position: absolute;width: 100%;height: 2px;bottom: 0;left: 0;background: rgb(67, 152, 224);transition: 0.5s all}
.menuSidebar li.on a{color: #333;}
.menuSidebar li a:after{content: '';display: block;position: absolute;width: 0;height: 2px;bottom: 0;left: 0;color: #333;background: rgb(67, 152, 224);transition: 0.5s all}
.menuSidebar li:hover a:after{width: 100%}
.menuSidebar li:hover a{color: #333;}

.Tie{font-size:36px;color: #333;text-align: center;padding-bottom: 30px;position: relative;margin-bottom:40px;}
.feedback p{text-align: center; font-size:14px;color: #333;margin-top: 20px;margin-bottom:40px;}
.Tie:after{content: '';display: block;position: absolute;width: 20px;height: 2px;bottom: 0;left: 49%;background: rgb(67, 152, 224);}
/* 当前位置信息 */

.position{background: #ffffff;overflow: hidden;font-size: 14px;color: #666666;border-bottom: 1px #cccccc dotted;margin-bottom: 20px;padding-bottom: 10px;}
.position strong{font-weight:normal;font-size:24px;}
.position .txt{line-height: 60px;height: 60px;}

.position .txtLeft{background: url('../images/position-icon01.png') 0px 23px no-repeat;padding-left: 29px;}

.position a{font-size: 14px;color: #666666;}

.position a:hover{color: #54b5ff;}

.position .back{background: url('../images/position-icon02.png') 0px 25px no-repeat;display: inline-block;width: 53px;padding-left: 25px;}

.position .back:hover{background: url('../images/position-icon02-on.png') 0px 25px no-repeat;}



/* 产品列表 */

.listProRight{width: 860px;overflow: hidden;}

.innerTitle{height: 54px;line-height: 54px;padding-left: 30px;font-size: 24px;color: #333333;}

.listProduct{width: 100%;overflow: hidden;}
.listProduct li{width: 270px;height: 270px; float: left;overflow: hidden;margin-right: 20px; padding: 0;margin-bottom: 10px;border: 1px #e5e5e5 solid;position: relative;}
.listProduct li:nth-child(3n){margin-right: 0;}
.listProduct li span{display: block;width: 270px;height: 220px;line-height: 220px;text-align: center; overflow: hidden;}
.listProduct li span img{max-width: 100%;max-height: 220px;transition: all 1s;}
.listProduct li h2{width: 100%; height: 55px;line-height: 55px;font-size: 14px;color: #444;text-align: center;position: absolute;bottom: 0;left: 0;background: #fff url(../images/more_to.png)no-repeat bottom;background-position-y:60px; transition: 0.5s all}
.listProduct li:hover span img{transform: scale(1.2);}
.listProduct li:hover h2{color: #fff;background: rgba(67, 152, 224, 0.76) url(../images/more_to.png)no-repeat center;height: 272px;line-height: 360px;}
.listProduct li:hover{border: 1px #54b5ff solid}
/*推荐产品*/
.rela_pro{margin-top: 50px;}
.rela_pro .bd{padding-top: 20px}
.rela_pro h3{background: #f3f3f3;height: 40px;}
.rela_pro h3 span{font-size:14px;color: #fff;display: block;float: left;width: 128px;height: 40px;line-height: 40px;text-align: center; background: #1885df}
.rela_pro ul{padding: 30px 0}
.rela_pro li{width: 270px;height: 270px; float: left;overflow: hidden;margin-right: 20px; padding: 0;margin-bottom: 10px;border: 1px #e5e5e5 solid;position: relative;}
.rela_pro li span{display: block;width: 270px;height: 220px;line-height: 220px;text-align: center; overflow: hidden;}
.rela_pro li span img{max-width: 100%;max-height: 220px;transition: all 1s;}
.rela_pro li h2{width: 100%; height: 55px;line-height: 55px;font-size: 14px;color: #444;text-align: center;position: absolute;bottom: 0;left: 0;background: #fff url(../images/more_to.png)no-repeat bottom;background-position-y:60px; transition: 0.5s all}
.rela_pro li:hover span img{transform: scale(1.2);}
.rela_pro li:hover h2{color: #fff;background: rgba(67, 152, 224, 0.76) url(../images/more_to.png)no-repeat center;height: 272px;line-height: 360px;}
.rela_pro li:hover{border: 1px #54b5ff solid}



/*相关产品*/
.related-product h3{background: #f3f3f3;height: 50px;}
.related-product h3 span{font-size:14px;color: #fff;display: block;float: left;width: 170px;height: 50px;line-height: 50px;text-align: center; background: #1885df}
.related-product ul{padding: 30px 0}
.related-product  li{width: 270px;height: 270px; float: left;overflow: hidden;margin-right: 22px; padding: 0;margin-bottom: 10px;border: 1px #e5e5e5 solid;}
.related-product  li:nth-child(3){margin-right: 0;}
.related-product  li span{display: block;width: 270px;height: 220px;line-height: 220px;text-align: center; overflow: hidden;}
.related-product  li span img{max-width: 100%;max-height: 220px;transition: all 1s;}
.related-product  li h2{height: 55px;line-height: 55px;font-size: 14px;color: #444;text-align: center;padding: 0 20px;}
.related-product  li:hover span img{transform: scale(1.2);}
.related-product  li:hover h2{color: #54b5ff;}
.related-product  li:hover{border: 1px #54b5ff solid}

/* 内页搜索 */

.innerSearch{width: 623px;height: 40px;border: 1px #cccccc solid;margin:0 auto 30px auto;font-size: 14px;color: #333333;}

.innerSearch .select{width: 64px;height: 40px;line-height: 40px;text-align: center;border-right: 1px #cccccc solid;float: left;}

.innerSearch form{float: right;height: 40px;width: 558px;}

.innerSearch form .searText{float: left;height: 40px;width: 497px;color: #888888;padding-left: 10px;border-right: 1px #cccccc solid;font-size: 12px;}

.innerSearch form .searBtn{float: right;height: 42px;width: 50px;background: #2fa8ed url('../images/search-btn-inner.png') 0px 0px no-repeat;cursor: pointer;margin-top: -1px;}



/* 左侧图片放大镜样式 */

.prodetailBox{width:860px;overflow: hidden;}

.related-article ul{padding: 20px 0}
.rec-title{height:40px;background: #f3f3f3;}
.rec-title span{font-size: 14px;

color: #fff;

display: block;

float: left;

width: 128px;

height: 40px;

line-height: 40px;

text-align: center;

background: #1885df;}

.productShowPic{width:480px;overflow: hidden;}

.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}

.zoomdiv .bigimg{width: 150%;height: 150%;}

.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width: 478px;height: 407px;background:#ffffff;border:1px solid #cccccc;display:none;text-align:center;overflow:hidden;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaaaaa;background:#000000;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}



/* 图片小图样式 */

.spec-preview{width:478px;height:478px;border:1px solid #cccccc;}

.spec-scroll{margin-top:18px;width:478px;height:75px;overflow:hidden;position:relative;margin-bottom: 40px;}

.spec-scroll a.prev{display: block;width: 28px;height: 40px;line-height: 40px;text-align: center;position: absolute;font-weight: 800;top: 18px;left: 0px;overflow: hidden;cursor: pointer;font-family: "宋体";color: #333333;font-size: 40px;}

.spec-scroll a.prev:hover{color: #1885df;}

.spec-scroll a.next{display: block;width: 28px;height: 40px;line-height: 40px;text-align: center;position: absolute;font-weight: 800;top: 18px;right: 0px;overflow: hidden;cursor: pointer;font-family: "宋体";color: #333333;font-size: 40px;}

.spec-scroll a.next:hover{color: #1885df;}

.spec-scroll .items{position:relative;width:420px;height:75px;margin:0 auto;overflow:hidden;}

.spec-scroll .items ul{position:absolute;width:999999px;height:75px;}

.spec-scroll .items ul li{width:97px;height:75px;float:left;margin-right: 10px;}

.spec-scroll .items ul li img{width:95px;height:73px;cursor:pointer;border:1px solid #cccccc;}

.spec-scroll .items ul li img:hover{border:1px solid #1885df;}



/* 产品右侧简介样式 */

.productShowTitle{width:366px;overflow:hidden;min-height: 542px;}

.productShowTitle h2{line-height:70px;border-bottom:1px solid #cccccc;font-family:"微软雅黑";font-size:20px;color:#333333;}

.gr-description{padding:30px 0;font-size: 14px;color: #666666;line-height: 30px;max-height: 240px;overflow:hidden;text-overflow: ellipsis;}

.gr-description .label{font-size: 16px;color: #55b5ff;}

.prodcut-tel{font-size: 16px;color: #333333;height:53px;line-height:53px;}

.product-order a{display:block;width:210px;height:50px;background: #1885df;line-height:50px;text-align:center;font-family:"微软雅黑";font-size:16px;color:#ffffff;}

.product-order a:hover{color:#ffffff;}



/* 产品说明标签切换样式 */

.gr-tab-list{width:880px;overflow:hidden;margin-bottom:20px;}

.gr-tab-list .hd{height:50px;line-height:50px;background: #f3f3f3;}

.gr-tab-list .hd li{width:170px;float:left;text-align:center;background:#1885df;cursor:pointer;color:#ffffff;font-size: 16px;}

.gr-tab-list .bd{width:820px;overflow:hidden;font-size: 14px;line-height: 30px;color: #333333;padding: 30px;}







/* 实力展示 */

.listRight{width: 860px;overflow: hidden;}

.picList{overflow: hidden;}

.picList li{float: left;width: 269px;height: 283px;margin-bottom: 12px;}

.picList ul .middle{margin-left: 20px;margin-right: 20px;}

.picList li .imgBox{display: block;width: 269px;height: 240px;overflow: hidden;}

.picList li .imgBox img{width: 269px;height: 240px;transition: all 1s;}

.picList li h5{height: 43px;line-height: 43px;color: #333333;font-size: 16px;text-align: center;}

.picList li:hover .imgBox img{transform: scale(1.02);}



/* 合作伙伴 */

.partnerList li{float: left; width: 278px;border: 1px #cccccc solid;overflow:hidden;padding:0;margin: 0px;margin-bottom: 20px;margin-right: 6px;}
.partnerList li .imgBox{display: table;margin:0 auto;}
.partnerList li .pic{width: 100%;height: 220px;overflow: hidden;display: table-cell;vertical-align: middle;}

.partnerList li .imgBox img{max-width: 100%;max-height: 100%;display: block;}

.partnerList li h5{height: 40px;line-height: 40px;width: 278px;text-align: center;color: #666666;transition: all .5s;}

.partnerList li h5 a{display: block;width: 278px;font-size: 14px;color: #666666;transition: all .5s;}

.partnerList li:hover h5{background: #54b5ff;color: #ffffff;}

.partnerList li:hover h5 a{color: #ffffff;}


/* 证书列表 */

.honorList li{float: left;margin-right: 14px; width: 270px;height: 350px;border: 1px #cccccc solid;overflow:hidden;padding:0;margin-bottom: 20px;}

.honorList li .imgBox{display: block;width: 278px;height: 300px;line-height: 300px;text-align: center; overflow: hidden;}

.honorList li .imgBox img{width: 100%;max-height: 300px;}

.honorList li h5{height: 50px;line-height: 50px;width: 278px;border-top: 1px #cccccc solid;text-align: center;color: #666666;transition: all .5s;}

.honorList li h5 a{display: block;width: 278px;font-size: 14px;color: #666666;transition: all .5s;}

.honorList li:hover h5{background: #54b5ff;color: #ffffff;}

.honorList li:hover h5 a{color: #ffffff;}


/* 实力展示详情 */

.picDetail{overflow: hidden;line-height: 30px;color: #333333;}

.picDetail .title{position: relative;line-height: 100px;height: 100px;font-size: 18px;text-align: center;}

.picDetail .title span{display: block;position: absolute;width: 100%;line-height: 12px;font-size: 12px;color: #666666;left: 0;bottom: 0;text-align: center;}

.picDetail .picThumb{padding: 20px;text-align: center;border-bottom: 1px #999999 dotted;}

.picDetail .picFont{padding: 20px;}

.related-pic-list{overflow: hidden;}

.related-pic-list .picList .title{width: 282px;font-size: 16px;}



/* 上一篇 下一篇 */

.gr-fenx{height:50px;line-height: 50px;padding:0 10px;margin-top:30px;font-size: 16px;color: #333333;}
.gr-fenx .prew,.gr-fenx .nextw{width: 50%;float: left;}
.gr-fenx .prew{text-align: left;}
.gr-fenx .nextw{text-align: right;}




/* 新闻列表 */

.innerNewsList{overflow: hidden;font-size: 14px;color: #666666;line-height: 30px;}

.innerNewsList li{height: 224px;padding: 20px; overflow: hidden;margin-bottom: 30px;background: #f3f3f3}

.innerNewsList li .txt{width: 512px;}

.innerNewsList li .txt h3{height: 44px;font-size: 16px;}

.innerNewsList li .txt h3 a{display: block;color: #333333;}

.innerNewsList li p{font-size:14px;color: #666;line-height: 20px;margin-bottom: 30px;}

.innerNewsList li .txt .more{display: block; color: #666;font-size:14px; width: 150px;height: 40px;line-height: 40px;text-align: center;border-radius: 20px;margin-top: 24px;margin-left: 0;left: 0;transition: all .5s;border: 1px solid #666;border-radius: 50px;}

.innerNewsList li .txt .more span{background: none;width: auto;height: auto;}

.innerNewsList li .imgBox{width: 280px;height: 220px;margin-right: 27px;display: block;overflow: hidden;}

.innerNewsList li .imgBox img{max-width: 280px;height: 220px;transition: all 1s;}

.innerNewsList li:hover .imgBox img{transform: scale(1.03);}

.innerNewsList li:hover .txt h3 a{color: rgb(67, 152, 224);}

.innerNewsList li:hover .txt .more{border: 1px solid #4398e0;color: #4398e0}



/* 新闻详细样式 */

.gr-news-show{overflow:hidden;}

.gr-news-show h2{font-size:20px;line-height:32px;text-align:center;font-family:"微软雅黑";color:#333333;position:relative;}

.gr-news-show h3{text-align:center;height:30px;line-height:30px;border-bottom:1px dashed #d2d2d2;}

.gr-news-show h3 span{margin:8px 8px 0 8px; color:#999;text-decoration:none;}
.gr-news-show img{max-width:100%;}
.fontResizer a{padding:0 5px;}

.fontResizer a:hover{color:#54b5ff;}

.curFont{font-weight:bold;color:#54b5ff;}

.news-show-box{padding-top:15px;line-height:26px;padding-bottom:10px;}

.news-message{padding-bottom:10px;border-bottom:1px dashed #d2d2d2;overflow:hidden;}

.news-message div{padding:10px 0;}

.news-message h3{width:100%;text-align:right;font-weight:bold;color:#333;text-decoration:underline;overflow:hidden;}

.gr-keyword{border:1px solid #dadada;padding:5px 10px;margin:10px 0;overflow:hidden;}

.gr-keyword a{padding:0 5px;}



/* 相关资讯样式 */

.articleRelation .picList{height: 281px;}

.articleRelation li{width: 48%;margin-bottom: 10px;float: left;padding-right: 10px}

.articleRelation li span{float: right;}


/* 常见问题列表 */

.faqNewsList{overflow: hidden;font-size: 14px;color: #666666;line-height: 30px;}

.faqNewsList li{padding-bottom: 20px; overflow: hidden;margin-bottom: 30px;border-bottom: 1px dashed #d7d7d7;}
.faqNewsList li h3{font-size:16px;color: #333;}
.faqNewsList li h3 b{font-size:16px;color: #cf231f;}
.faqNewsList li h3 span{float: right; font-size:14px;color: #b1b1b1;}
.faqNewsList li p{font-size:14px;color: #666;}
.faqNewsList li p strong{font-size:16px;color: rgb(67, 152, 224);}
.faqNewsList li p a{font-size:14px;color: #cf231f;}

/* 资料下载 */

.downloadList{overflow: hidden;}

.downloadList li{width: 100%;border-bottom: 1px #999999 dotted;position: relative;padding: 30px 0;line-height: 18px;}

.downloadList li h3{overflow: hidden;padding-left: 10px;width: 96%;}

.downloadList li h3 a{font-size: 14px;color: #666666;}
.downloadList li i{display: block;float: left; width: 21px;height: 21px;line-height: 21px;text-align: center;background: rgb(67, 152, 224) url(../images/download_li_icon.png)no-repeat center;border-radius: 100px}
.downloadList li .more{font-size: 14px;transition: all .2s;color: #666}
.downloadList li:hover h3 a{color: rgb(67, 152, 224);}
.downloadList li:hover .more{color: #cf231f;}
.downloadList li:hover i{background: #cf231f url(../images/download_li_icon.png)no-repeat center;}



/* 关于 */

.aboutTitle{line-height: 100px;height: 100px;text-align: center;font-size: 36px;color: #333333;font-weight: normal;}

.listAbout{font-size: 14px;color: #666666;}



/* 联系我们 */

.contactTie{height: 168px;line-height: 168px;text-align: center;font-size: 40px;color: #333333;font-weight: normal;position: relative;}

.contactTie span{display: block;position: absolute;font-size: 12px;color: #888888;line-height: 14px;width: 200px;left: 50%;margin-left: -100px;bottom: 40px;}
.conbox{height: 462px;overflow: hidden;border:1px solid #e1e1e1;}
.listContact{width: 522px;padding:50px;}
.listContact .info{width: 60%;line-height: 40px;}
.listContact .info a{display: block; width: 140px;height: 36px;line-height: 36px;font-size:14px;color: #fff;background: #cf231f url(../images/ljzx_arrow.png)no-repeat right;text-align: center;border-radius: 50px;background-position-x: 102px;margin-top: 30px;}
.listContact .info h3{font-size:24px;color: #333;}
.listContact .info li{font-size:14px;color: #333}
.listContact .info li p{font-size:30px;color: rgb(67, 152, 224)}
.listContact .ewm{width: 40%;padding:97px 0;text-align: center}
.listContact .ewm p{font-size:14px;color: #333}
.baidumap{width: 576px;}


/* 内页留言样式 */
.feedback{overflow: hidden;padding-top: 80px;}
.feedback{overflow: hidden;position: relative;}
.feedback .impo{position: absolute;color: #e10000}
.feedback .i1{left: 48%;top: 43%;}
.feedback .i2{left: 98%;top: 43%;}
.feedback .button{text-align: center;}
.feedbackForm .float{width: 544px;height: 58px;border: 1px #8a8a8a solid;line-height: 58px;padding:0 22px;margin-bottom: 20px;font-size: 14px;color: #999999;}
.feedbackForm .left{margin-right: 16px;}

.feedbackForm .inputTextarea{width: 1158px;height: 148px;padding:0 20px;border: 1px #8a8a8a solid;margin-bottom: 20px;font-size: 14px;color: #999999;line-height: 40px;}

.feedbackForm .inputVerifycode{float: left;width: 218px;height: 58px;line-height: 58px;border: 1px #cccccc solid;padding-left: 20px;margin-bottom: 20px;font-size: 14px;color: #999999;margin-right: 10px;}

.feedbackForm .checkcode{display: inline-block; width: 130px;height: 58px;line-height: 58px;border: 1px #cccccc solid;margin-bottom: 20px;font-size: 14px;color: #999999;}

.feedbackForm .yzh-btn{width: 220px;height: 60px;line-height: 60px;text-align: center;font-size: 14px;color: #fff;margin-right: 13px;background: #8a8a8a;transition: all .6s;cursor: pointer;border-radius: 50px;border: none;}

.feedbackForm .yzh-btn:hover{background: #cf231f;}



/* 底部 */

.footer{overflow: hidden;background: #2c2c2c;font-size: 14px;line-height: 26px;font-family:"微软雅黑";position: relative;padding-top: 64px;}

.footer .textBox{overflow: hidden;}

.footer .textBox .footerLeft{width: 940px;overflow: hidden;float: left;}

.footer .textBox .footerLeft>li{overflow: hidden;margin-left: 20px;float: left;width: 114px;}

.footer .textBox .footerLeft>li>a{font-size: 14px;color: #ffffff;line-height: 40px;}

.footer .textBox .footerLeft>li>a:hover{color: #cf231f;}

.footer .textBox .footerLeft>li ul li a{color: #aaaaaa;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display: block;}

.footer .textBox .footerLeft>li ul li a:hover{color: #cf231f;}

.footer .textBox .footerRight{color: #ffffff;width: 230px;float: right;overflow: hidden;text-align: right;}

.footer .textBox .footerRight .footerTitle{font-size: 14px;line-height: 30px;color: #dddddd;}

.footer .textBox .footerRight .p1{font-size: 30px;line-height: 36px;font-weight: bold;font-family: "Arial";}

.footer .textBox .footerRight .p2{font-size: 12px;line-height: 30px;color: #aaaaaa;}

.zixun{display: block;width: 174px;height: 46px;line-height: 46px;text-align: center;background: #cf231f;border-radius: 23px;color: #ffffff;margin-top: 18px;float: right;}

.zixun:hover{color: #ffffff;}

.footer .textBox .footerLeft>li .otherCat .titleLi a{color: #ffffff;line-height: 50px;}

.footer .textBox .footerLeft>li .otherCat .titleLi a:hover{color: #cf231f;}

.copyright{text-align: right;line-height: 30px;font-size: 12px;color: #aaaaaa;}

.copyright a{color: #aaaaaa;}

.copyright a:hover{color: #cf231f;}

.link{margin-top: 10px;/*height: 75px;*/overflow: hidden;line-height: 25px;color: #999999;border-top: 1px #555555 solid;}

.link h3{color: #dddddd;font-size: 14px;float: left;margin-right: 30px;}

.link p{float: left;}

.link p a{margin-right: 30px;color: #666666;}

.link p a:hover{color: #cf231f;}

/*解决方案列表*/
.solulist{overflow: hidden;font-size: 14px;color: #666666;line-height: 30px;}

.solulist li{height: 224px;padding: 20px; overflow: hidden;margin-bottom: 30px;background: #f3f3f3}

.solulist li .txt{width: 512px;}

.solulist li .txt h3{height: 44px;font-size: 16px;}

.solulist li .txt h3 a{display: block;color: #333333;}

.solulist li p{font-size:14px;color: #666;line-height: 20px;margin-bottom: 30px;}

.solulist li .txt .more{display: block; color: #666;font-size:14px; width: 120px;height: 30px;line-height: 30px;text-align: center;border-radius: 20px;margin-top: 24px;margin-left: 0;left: 0;transition: all .5s;border: 1px solid #666}

.solulist li .txt .more span{background: none;width: auto;height: auto;}

.solulist li .imgBox{width: 280px;height: 220px;margin-right: 27px;display: block;overflow: hidden;}

.solulist li .imgBox img{max-width: 280px;height: 220px;transition: all 1s;}
.solulist li:hover .txt .more{border: 1px solid #4398e0}
.solulist li:hover .imgBox img{transform: scale(1.03);}

.solulist li:hover .txt h3 a{color: rgb(67, 152, 224);}

.solulist li:hover .txt .more{color: rgb(67, 152, 224)}



/*关于页内页*/
.ab1{height: 624px;padding: 6px 0 40px 0;}
.ab2{height: 470px;background: #f3f3f3;padding: 40px 0;}
.ab3{height: 468px;padding: 40px 0;}
.ab4{height: 546px;padding: 40px 0;background: #f0f0f0}
.ab4 .w1200{overflow:initial;}
.ab5{height: 360px;padding: 40px 0 76px 0;}
.ab1_box{height: 540px}
.ab1_box .abpic{width: 600px;height: 540px; float: left;}
.ab1_box .abpic img{width: 100%; height: 100%}
.ab1_box .abinfo{width: 504px;height: 444px;float: right;padding: 48px;background: #f3f3f3}
/*隔*/
.ab2 .w1200{overflow: initial;}
.ab2_box{height: 420px}
.ab2_box li{width: 376px;height: 376px;float: left;margin-right:36px;background: #fff;}
.ab2_box li:last-child{margin-right: 0;}
.ab2_box img{width: 376px;height: 207px; float: left;}
.ab2_box .ab2info{height: 108px;float: right;padding: 30px 40px;background: #fff;text-align: center}
.ab2_box li .ab2info  h3{font-size:24px;color: #333;margin-bottom: 30px;}
.ab2_box li .ab2info  p{font-size:16px;color: #666;}
/*隔*/
.ab3 .w1200{overflow: initial;}
.ab3_box{margin-bottom: 40px;position: relative;}
.ab3_box li{width: 194px;height: 254px; float: left;margin-right:20px;background: #f3f3f3;padding: 15px;position: relative;}
.ab3_box li .center{display: table;margin: 0 auto;}
.ab3_box li img{max-width: 100%;max-height: 100%;display: block;}
.ab3_box li .pic{width: 100%;height: 254px;line-height: 254px;overflow: hidden;vertical-align: middle;display: table-cell;}
.ab3_box li span{width: 100%;text-align: center; padding: 12px 0;font-size:14px;background: rgba(67, 152, 224, 0.86);color: #fff;position: absolute;bottom: -48px;left: 0;transition: 0.4s all}
.ab3_box li:hover span{bottom: 0;}
.ab3_box .snext,.ab3_box .sprev{position: absolute;top: 40%;width: 43px;height: 43px;line-height: 43px;text-align: center;border-radius: 50px;}
.ab3_box .snext{background: #c9c9c9 url(../images/ab_next.png)no-repeat center;right: -80px;}
.ab3_box .sprev{background: #c9c9c9 url(../images/ab_prev.png)no-repeat center;left: -70px;}
.ab3_box .snext:hover{background: #c9c9c9 url(../images/ab_next_on.png)no-repeat center;right: -80px;}
.ab3_box .sprev:hover{background: #c9c9c9 url(../images/ab_prev_on.png)no-repeat center;left: -70px;}
/*隔*/
.ab4_box{height: 444px;}
.ab4list li{width: 287px;height: 214px;line-height: 214px;text-align: center;overflow: hidden;float: left;margin: 0 16px 16px 0;position: relative;}
.ab4list li span{background: rgba(67, 152, 224, 0.86);width: 100%; height: 40px;line-height: 40px;font-size:14px;color: #fff;position: absolute;display: block;bottom: -40px;left: 0;transition: 0.5s all}
.ab4list li img{width: 100%;height: 214px;transition: 0.5s all}
.ab4list li:nth-child(1){width: 595px;height: 444px;margin-right: 15px;}
.ab4list li:nth-child(1) span{background: rgb(67, 152, 224)cc;width: 100%; height: 60px;line-height: 60px;font-size:14px;color: #fff;position: absolute;display: block;bottom: -60px;left: 0;transition: 0.5s all}
.ab4list li:nth-child(1) img{width: 100%;height: 490px;} 
.ab4list li:nth-child(3){margin-right: 0}
.ab4list li:nth-child(5){margin-right: 0}
.ab4list li:hover span{bottom: 0}

.ab4list li:hover .Img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
/*隔*/
.ab5_box{overflow: hidden;margin-bottom: 40px;}
.ab5_box li{width: 230px;height: 120px;line-height: 120px;text-align: center;overflow: hidden; float: left;margin:0 10px 10px 0;position: relative;border:1px solid #e5e5e5;}
.ab5_box li:nth-child(5n){margin-right: 0}
.ab5_box li span{position: absolute;width: 100%;height: 100%;font-size:16px;color: #fff; background: rgba(67, 152, 224, 0.86);top: 0;left: 0;opacity: 0;transition: 0.5s all}
.ab5_box li img{max-height: 120px;}
.ab5_box li:hover span{opacity: 1}
.ab_more{display: block; width: 143px;height: 37px;line-height: 37px;text-align: center;border-radius: 50px; background: #a5a5a5;font-size:16px;color: #fff;margin:0 auto;transition: 0.4s all}
.ab_more:hover{color: #fff;background: #cf231f;}

/*招聘列表*/
.joblist li{float: left;width: 100%; border-bottom: 1px dashed #666;padding-bottom: 10px;margin-bottom: 10px;}
.joblist li .jobinfo span{margin:0 30px;}

/*搜索结果列表*/
.searchlist{width: 100%;overflow: hidden;}
.searchlist li{width: 270px;height: 270px; float: left;overflow: hidden;margin-right: 20px; padding: 0;margin-bottom: 10px;border: 1px #e5e5e5 solid;}
.searchlist li:nth-child(4n){margin-right: 0;}
.searchlist li span{display: block;width: 270px;height: 220px;line-height: 220px;text-align: center; overflow: hidden;}
.searchlist li span img{max-width: 100%;max-height: 220px;transition: all 1s;}
.searchlist li h2{height: 55px;line-height: 55px;font-size: 14px;color: #444;text-align: center;padding: 0 20px;}
.searchlist li:hover span img{transform: scale(1.2);}
.searchlist li:hover h2{color: #54b5ff;}
.searchlist li:hover{border: 1px #54b5ff solid}

/*下载列表验证*/
.inputinfo{width: 320px;height: 400px;background: #fff;position: fixed;top: 38%;left:45%;box-shadow: 0 1px 5px 0 #000;display: none;}
.inputinfo h3{height: 60px;background: #4398e0; font-size:24px;margin:0 auto;color: #fff;box-shadow: 0px 5px 3px -2px #1874c2;margin-bottom: 20px;padding-left: 20px;line-height: 60px;}
.inputinfo ul{padding: 20px;}
.inputinfo ul li{width: 96%;height: 36px ;float: left;margin-right: 10px;margin-bottom: 14px;}
.inputinfo ul li input{width: 100%; padding: 10px 0 10px 10px;border:1px solid #666;}
.inputinfo ul li:nth-child(3){margin-right: 0;}
.inputinfo ul li:nth-child(5){margin-right: 0;}
.inputinfo ul button{width: 120px;height: 40px;border-radius: 5px;margin: 50px auto auto auto;display: block;cursor: pointer;}
.inputinfo ul button:hover{background: #4398e0;color: #fff}
.inputinfo .close{
font-style: normal;

display: block;
transform: rotate(45deg);
width: 10px;

height: 10px;

float: right;cursor: pointer;position: relative;}
